﻿/*general stylistics*/
	html,body {
		margin:0;
		padding: 0;
	}

	body {
		margin:0 auto;
	}

	a {
		cursor:pointer;
		text-decoration: none;
		color:#818181;
	}

	h2 {
		font:normal 35px 'Microsoft Yahei' ;
		margin-bottom: 30px;
		border-left:7px solid rgb(226,157,38);
		padding-left: 25px;
		color:#626262;
		text-align: left;

	}

	.inlinefix {
		display: inline-block;
		zoom: 1; 
		#display: inline;
	}

	.banner {
		background: #e7a127 url(../img/bannerbg.jpg) no-repeat top center;
		height:auto;
		position: relative;
		min-width: 997px;
		height:463px;
	}
	
		.banner-time {
			display: block;
			width:200px; 
			height:45px;
			font:normal 21px/45px 'Microsoft Yahei';
			color:#fff;
			position: absolute;
			top:15%;
			left: 61.3%;
			background: #0276a9 url(../img/clock.png) no-repeat 7px;
			padding-left: 38px;
		}
			.banner-time img {
				position: relative;
				margin-right: 10px;
				margin-left: 9px;
				top:2px;
				left:2px;
			}

		.banner-social-share {
			position: absolute;
			bottom:4.3%;
			left:50%;
			width: 120px;
			height:25px;

		}
	
		.banner-social-share li {
			float: left;
			font:normal 14px/25px '宋体';
			color:#fff;
		}

			 .social-share-logo {
				background: url(../img/qq.png) no-repeat top left;
				width: 32px;
				height:25px;
				display: inline-block;
			}

			.social-share-logo-sina {
				background-image:url(../img/sina.png);
				margin-left: 12px;
				display: inline-block;
			}
	
		.banner-vik-share {
			background-color: #fe6204;
			width:285px; 
			height:40px;
			position: absolute;
			bottom:5.3%;
			left: 65.3%;
		}

		.banner-vik-share a {
			font:normal 16px/40px 'Microsoft Yahei';
			color:#fff;
			background: #fe6204 url(../img/vol.png) no-repeat 26px;
			padding-left: 55px;
		}

			.banner-vik-share:before {
				content: "";
				position: absolute;
				top:0px;
				left: 0%;
				border-top: 20px solid transparent;
				border-left: 20px solid #e7a127 ;
				border-right: 0px solid transparent;        
				border-bottom: 20px solid transparent;  
			}

			.banner-vik-share img {
				position: relative;
				margin-right: 10px;
				top:2px;
				left:2px;
				margin-left: 25px;
			}

	.banner-sections {
		background:url(../img/crossbg.png) repeat;
	/*	padding: 1% 7.3%;
		margin:0 6.3%;*/
		padding: 20px 51px 30px 51px;
		margin: 0 auto;
		width:1000px;
	}

	.section-box-line {
		display: block;
		height:1px;
		background-color: #f1bd62;
		width:98px;
		z-index: 9;
		position: relative;
		left:171px;
		top:-28px;
		/*f1bd62*/
	}
	
		.section {
			border-bottom: 1px dashed #e3e3e3;
			background-color: #fff;
			padding-bottom: 50px;
			padding-top:30px;
			width:100%;
			position: relative;
			margin:0px auto;
		}

	.section-box {
		width:217px;
		height:104px;
		border-radius: 5px;
		
		background-color:#f1bd62;
		border-bottom-color: #ffd48a;
		/*box-shadow: 0px 8px  #df9e2d;*/
		border-bottom: 8px solid #df9e2d;
		margin-left:50px;
		font:italic bold 24px/25px 'Microsoft Yahei';
		position: relative;
		padding: 10px 15px;
		margin-top:12px;
		text-align: left;
	}

	.middle-section-box {
		margin-left:75px;
		margin-right: 25px;
		position: relative;

	}

		.section-box span {
			font:19px/28px 'Microsoft Yahei','sans-serif';
			text-align: center;
			display: block;
			margin:0px auto;
		}

		/*»­¼ýÍ·*/
		.section-box:after, .section-box:before {
			content: "";
			position: absolute;
			z-index: 8;
			top: 55px;
			right: -8px;
			border-top: 8px solid transparent;
			border-left: 8px solid #f1bd62;
			border-right: 0px;        
			border-bottom: 8px solid transparent;  
		}

		.section-box:before {
			border-left: 8px solid white;
			right:97%;
		}

		.section-box-without-before:before, .section-box-without-after:after {
			border:none;
		}

	.section-logo-mall {
		/*margin-left:15px;*/
		margin:0px auto;
		padding-bottom: 46px;
	}

		.section-logo-mall span {
			float:left;
			height: 51px;
			display: block;
		}

	.color-arrow {
		position: relative;
		margin:0px auto;
		width: 265px;
	}

		.color-arrow span {
			text-align: center;
			color:#fff;
		}

		.section-tooltip-arrow {
			width: 155px;
			background-color: #f1a31c;
			font:bold 14px/51px '宋体';
		}

		.section-tooltip-arrow:after{
			content: "";
			position: absolute;
			z-index: 8;
			top:50px;
			left: 70px;
			border-top: 8px solid #f1a31c;
			border-left: 8px solid transparent;
			border-right: 8px solid transparent;        
			border-bottom: 0px;  
		}

		.section-tooltip-orange {
			float:left;
			width: 110px;
			background-color: #FE6204;
			font:18px/51px 'Microsoft Yahei';
		}
	

	.text-more a {
		font-size:12px;
		color:#f1a31c;
		position: absolute;
		right:3.9%;
	}

	em {
		color:#ff6600;
	}

	.vik-avatar{
		display: block;
		width: 190px;
		height:190px;

	}

	.avatar-01 {
		background: url(../img/avatar0001.jpg) no-repeat top left;
	}

	.avatar-02 {
		background: url(../img/avatar0002.jpg) no-repeat top left;
	}

	.avatar-03 {
		background: url(../img/avatar0003.jpg) no-repeat top left;
	}

	.avatar-04 {
		background: url(../img/avatar0004.jpg) no-repeat top left;
	}

	.font-bold {
		font-weight: bold;
	}

	.vik-sell-box {
		background-color:#f4f2f2;
	}

	.vik-sell {
		background-color:#f4f2f2;
		border-top:1px solid #dadada;
		width:192px;
		/*border-bottom: 1px solid #dadada;*/
		border-collapse:collapse;
		padding-bottom: 7px;
	}

	.section-logo-buy span {
		float:left;
		color:#818181;
		font:14px/44px '宋体';
	}

	.logo-buy-steps {
		width:100%;
		margin-left: 20px;
		position: relative;
		padding-bottom: 100px;
	}

	.buy-steps {
		width:285px;
		height: 44px;
	}

		.buy-steps span[class] {
			height:44px;
			display: block;
			width:44px;
			margin-right: 5px;
		}

		.section-logo-buy-step1 {
			background: url(../img/roundicon.png) no-repeat top left;
		}

		.section-logo-buy-step2 {
			background: url(../img/roundicon.png) no-repeat -44px 0px;
		}

		.section-logo-buy-step3 {
			background: url(../img/roundicon.png) no-repeat top right;
		}


	.logo-buy-hire {
		width:320px;
		position: absolute;
		top:80px;
		right:150px;
		font-weight: bold;
		padding-bottom: 30px;
	}

	
	.section-logo-box {
		width: 212px;
		/*height:488px;*/
		border:1px solid #dadada;
		font-size:12px;
		color:#666666;
		float: left;
		margin: 46px 15px;
		margin-bottom: 0px;
		/*display: inline-block;*/
	}

	.section-logo-box a{
		color:#666;
	}

	.ul-section-logo-box {
		padding-top: 5px;
	}

		.li-witkey-info {
			padding:5px 10px;
			text-align: left;
		} 

	.section-logo-box strong a {
		display: block;
		float: left;
		color:#000;
	}

		.section-logo-box .zhubajie-level {
			margin-left: 5px;
		}
	
		.section-logo-box .zhubajie-level9 {
			background: url(http://t5.zbjimg.com/r/pic/tp1.gif) no-repeat top left;
			width: 55px;
			height:21px;
		}


	.vik-name a {
		color:#000;
	}

/*	div.section-logo-box span,div.section-logo-box strong.vik-name {
		width: 190px;
		height:28px;
		padding-left: 10px;
	}*/

	.section-logo-box .vik-sell-title {
		height:20px;
		font-weight: bold;
	}

	.client-arrows {
		position: relative;
	}

		.left-arrow,.right-arrow {
			background: transparent url(../img/arrow.png) no-repeat top left;
			width:38px;
			height:37px; 
			position: absolute;
			left:10px;
			top:98px;
			cursor: pointer;
		}

		.right-arrow {
			background-position: top right;
			left:95%;
		}

	.serve-section {
		width: 2000px;
		height:235px;
		margin-left: 0px;
		/*margin: 0px ;*/
	}

	.serve-section li {
		float: left;
	}

		.section-client-box {
			display: block;
			width: 111px;
			height: 111px;
			border:1px solid #ccc;
			margin-left: 7px;
			margin-bottom: 7px;
			
		
			
		}

	.slider-box {
		margin:77px;
		overflow: hidden;
	}

	#sliderBox {
		/*-webkit-transition:all .4s ease-in-out;*/
		-moz-transition:all .4s ease-in-out;
		-o-transition:all .4s ease-in-out;
		/*transition:all .4s ease-in-out;*/
	}

	.client-1 {
		background: url(../img/client0001.jpg) no-repeat top left;
	}

	.client-2 {
		background: url(../img/avatar0001.jpg) no-repeat top left;
	}

	.client-hidden {
		display: none;
	}

	.clearfix:after {
		content:'.';
		display: block;
		height: 0;
		visibility: hidden;
		clear: both;
	}

	.div-align-center {
		width: auto;
		height:auto;
		margin:auto;
		overflow: hidden;
		text-align: center;
	}

	.box-shadow-fix {
		padding-bottom: 8px;
		margin-bottom: -8px;
	}

	.border-bottom-0px {
		border-bottom: 0px;
	}
